<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>dom增删</title>
</head>
<body>
    <div>123</div>
</body>
<script>
    // 创建
    var div = document.createElement('div'); // 创建元素节点
    var text = document.createTextNode('demo'); // 创建文本节点
    var comment = document.createComment('this is comment'); // 创建注释节点

    // 插入
    document.body.appendChild(div);
    div.appendChild(text);

    var div = document.getElementsByTagName('div')[0];
    var span = document.createElement('span');
    var p = document.createElement('p');
    div.appendChild(span);
    div.insertBefore(p, span);

    // 删除
    var p = div.removeChild(p); // 剪切
    span.remove(); // 真正的删除

</script>
</html>
